// 导入 react 依赖包
import React, { Component } from 'react';
import ReactDOM from 'react-dom/client';

// 1 创建挂载点
const root = ReactDOM.createRoot(document.getElementById('root'));

class App extends React.Component {
  // 事件处理函数
  handleClick() {
    console.log('类中定义的事件处理函数');
  }

  render() {
    return (
      <div>
        <button onClick={() => console.log('行内，匿名绑定')}>按钮1</button>
        <button onClick={this.handleClick}>按钮2</button>
      </div>
    );
  }
}

// 渲染的时候，一定要大些字母开头，以此来区分 React 自定义组件和 html 原生标签
root.render(<App />);
